let i = 0;

function draw() {
  var canvas = document.getElementById('c1');
  if (!canvas.getContext) return;
  var ctx = canvas.getContext("2d");

  ctx.clearRect(0,0,3000,3000); // clear canvas

  ctx.fillStyle = "red";


  ctx.save();
  ctx.translate(200, 200);
  i++;
  ctx.rotate(Math.PI / 180 * i);
  ctx.fillStyle = "blue";
  triangle(ctx, 130, 130, 20, 10)
  ctx.restore();

  // window.requestAnimationFrame(draw);
}


//绘制三角形
function triangle(ctx, x, y, w, h) {
  ctx.beginPath();
  ctx.moveTo(x, x);
  ctx.lineTo(x - w, y - (h / 2));
  ctx.lineTo(x - w, y + (h / 2));
  ctx.fill();
}


draw()
